@charset "utf-8";
/* CSS Document */
.slider {position: relative;width: 100%;height:auto;overflow: hidden; }	
.slides {height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;

		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}	
.slide {height: 100%;float: left;clear: none;}
.slider-arrows {}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;text-align: center;
color: #fff;font-size: 2em;font-family: "宋体";}
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }
.slider-nav {position: absolute;bottom: 150px; width:12px; float: left;left: 50px;}
.slider-nav__item {width: 8px;height: 8px;float: left;	clear: none;display: block;	background: #fff; border-radius: 500px; clear: both; margin-top: 10px;	}
.slider-nav__item:hover { background: #ccc; }
.slider-nav__item--current { background: #FF5555; width:12px;height: 12px; margin-left: -2px; }
.box {width: 100%; height: 100%;text-align: center;font-size: 5em;color: #fff;text-transform: capitalize;vertical-align:middle; }



.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:50px;height:50px; line-height: 50px; margin:0;padding:0;border-radius:0; font-size: 30px; font-family: '宋体'; background-color:transparent;overflow:hidden; text-align: center; _display:none; background: #fff; opacity: 0.7; color:#222;border-radius: 8px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-70px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-70px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}




/*kefu*/
.bottom_tools{position:fixed;z-index:1070;right:40px;bottom:40px;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.qr_img{position:absolute;top:-189px;left:-183px;display:none;}
#scrollUp{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-54px -53px;display:none;}
#scrollUp:hover{background-image:url(../images/backgrounds.32.png);background-position:-100px -53px}
#feedback{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-102px 0}
#feedback:hover{background-image:url(../images/backgrounds.32.png);background-position:-146px -46px}
.qr_tool{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-148px 0;cursor:pointer;}
.qr_tool:hover {width: 45px;height: 45px;background-image: url(../images/backgrounds.32.png);background-position: -192px -46px;}




/*shejis*/
.index_zhuanjia{ width:1200px; overflow:hidden;margin:40px auto 0 auto;}
.index_zhuanjia_pic{ width:1200px;  z-index: 1000;  height:550px; overflow:hidden; float:left;position:relative;}
.index_zhuanjia_pic ul{height:550px;position:absolute; z-index: 1001;  left:0;}
.index_zhuanjia_pic li{width:1200px; z-index: 1000;  height:550px; overflow:hidden;position:relative;float:left;}

.index_zhuanjia_left_inc{ width:70px; text-align: center; line-height: 70px; background: #d6d6d6; float: left; left: -70px; height:70px; z-index:3000; top:195px; cursor:pointer; z-index:9}
.index_zhuanjia_right_inc{ width:70px; text-align: center; line-height: 70px; background: #d6d6d6; float: left;height:70px; right:0px;top:195px; cursor:pointer; z-index:9}

.index_zhuanjia_list{ width:660px;height:210px; overflow:hidden; float:right; z-index:1200; z-index: 1008;  margin-top: -490px; position: relative;}
.index_zhuanjia_lists{ width:660px; z-index: 9999;  height:210px; overflow:hidden;position:relative;}
.index_zhuanjia_lists ul{  width:660px;height:210px;position:absolute;overflow:hidden;}
.index_zhuanjia_lists ul li{ width:122px; margin: 5px; float: left;height:200px; padding-bottom:9px;position:relative; }
.index_zhuanjia_lists ul li.on dd img{ width:96px; height:96px; border:1px #4273b0 solid;}
.index_zhuanjia_lists ul li dd{ width:98px; height:98px; overflow:hidden; float:left;}
.index_zhuanjia_lists ul li dd img{ width:96px; height:96px; border:1px #e8e8e8 solid;}
.index_zhuanjia_lists ul li dt{ width:152px; height:26px; overflow:hidden; float:right; font-size:18px; padding-top:23px;}
.index_zhuanjia_lists ul li dl{ width:152px; height:26px; overflow:hidden; float:right; color:#7a7a7a;}
.index_zhuanjia_pre{  width:660px; height:23px; overflow:hidden; cursor:pointer;background:url(../images/index_zhuanjia_pre.png) no-repeat left top;}
.index_zhuanjia_next{  width:660px;  height:23px; overflow:hidden; cursor:pointer;background:url(../images/index_zhuanjia_next.png) no-repeat left top;}
.img_left{width:415px; float: left;background: url(../images/tem.png);  z-index: 1001; position: relative;}
.img_js{width:855px; margin-left: -70px; float: left; background: #c21f2f; z-index:1002; position: relative;margin-top: 287px; height: 254px;} 
.m_kk{width:1200px; float: left; margin-top: 380px; position: absolute; z-index: 9999; margin-left: -70px;}


.ranklist{height:200px;overflow:hidden;}
.ranklist li{height:16px;line-height:16px;overflow:hidden;position:relative;padding:0 70px 0 30px;margin:0 0 10px 0;}
.ranklist li em{background:url(images/mun.gif) no-repeat;width:20px;height:16px;overflow:hidden;display:block;position:absolute;left:0;top:0;text-align:center;font-style:normal;color:#333;}
.ranklist li em{background-position:0 -16px;}
.ranklist li.top em{background-position:0 0;color:#fff;}
.ranklist li .num{position:absolute;right:0;top:0;color:#999;}


/*鎮诞閾炬帴*/
.suspension{position:fixed;z-index:55;right:0;bottom:185px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}



/*相册*/
.mod18{width:810px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:60px;height:60px; display: block;}
.mod18 #prev,.mod18 #next{top:650px;width:30px;height:30px; background: #f60; display: block;}

.mod18 .next{right:0px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:810px;height:377px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:810px;position:absolute;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:810px; height:608px; position:relative;overflow:hidden; background:#0D0D0D; }
.mod18 .picBox ul{height:608px;position:absolute; left:0;}
.mod18 .picBox li{ width:810px;height:608px;}
.mod18 .listBox{width:740px;height:100px;margin:20px auto;position:relative;overflow:hidden;}
.mod18 .listBox ul{height:88px;position:absolute; }
.mod18 .listBox li{width:127px; height: 95px; overflow: hidden;cursor:pointer;position:relative; }
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
/*.mod18 .listBox .on{/*background:url(../images/img_bg.jpg) center top no-repeat;}*/
.mod18 .listBox .on i{display:block;}





/*liucheng*/
.main-timeline{
	overflow: hidden;
	position: relative;
}
.main-timeline .timeline{
	position: relative;
	margin-top: -83px;
}
.main-timeline .timeline:first-child{ margin-top: 0; }
.main-timeline .timeline:before,
.main-timeline .timeline:after{
	content: "";
	display: block;
	width: 100%;
	clear: both;
}
.main-timeline .timeline:before{
	content: "";
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.main-timeline .timeline-icon{
	width: 210px;
	height: 210px;
	border-radius: 50%;
	border: 25px solid transparent;
	border-top-color: #f44556;
	border-right-color: #f44556;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	transform: rotate(45deg);
}
.main-timeline .year{
	display: block;
	width: 110px;
	height: 110px;
	line-height: 110px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	margin: auto;
	font-size: 30px;
	font-weight: bold;
	color: #f44556;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transform: rotate(-45deg);
}
.main-timeline .timeline-content{
	width: 35%;
	float: right;
	background: #f44556;
	padding: 30px 20px;
	margin: 50px 0;
	z-index: 1;
	position: relative;
}
.main-timeline .timeline-content:before{
	content: "";
	width: 20%;
	height: 15px;
	background: #f44556;
	position: absolute;
	top: 50%;
	left: -20%;
	z-index: -1;
	transform: translateY(-50%);
}
.main-timeline .title{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
}
.main-timeline .description{
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	margin: 0;
}
.main-timeline .timeline:nth-child(2n):before{  }
.main-timeline .timeline:nth-child(2n) .timeline-icon{ transform: rotate(-135deg); }
.main-timeline .timeline:nth-child(2n) .year{ transform: rotate(135deg); }
.main-timeline .timeline:nth-child(2n) .timeline-content{ float: left; }
.main-timeline .timeline:nth-child(2n) .timeline-content:before{
	left: auto;
	right: -20%;
}
.main-timeline .timeline:nth-child(2n) .timeline-icon{
	border-top-color: #105572;
	border-right-color: #105572;
}
.main-timeline .timeline:nth-child(2n) .year{ color: #e97e2e; }
.main-timeline .timeline:nth-child(2n) .timeline-content,
.main-timeline .timeline:nth-child(2n) .timeline-content:before{ background: #105572; }
.main-timeline .timeline:nth-child(3n) .timeline-icon{
	border-top-color: #f44556;
	border-right-color: #f44556;
}
.main-timeline .timeline:nth-child(3n) .year{ color: #13afae; }
.main-timeline .timeline:nth-child(3n) .timeline-content,
.main-timeline .timeline:nth-child(3n) .timeline-content:before{ background: #f44556; }
.main-timeline .timeline:nth-child(4n) .timeline-icon{
	border-top-color: #105572;
	border-right-color: #105572;
}
.main-timeline .timeline:nth-child(4n) .year{ color: #105572; }
.main-timeline .timeline:nth-child(4n) .timeline-content,
.main-timeline .timeline:nth-child(4n) .timeline-content:before{ background: #105572; }
@media only screen and (max-width: 1199px){
	.main-timeline .timeline{ margin-top: -103px; }
	.main-timeline .timeline-content:before{ left: -18%; }
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -18%; }
}
@media only screen and (max-width: 990px){
	.main-timeline .timeline{ margin-top: -127px; }
	.main-timeline .timeline-content:before{ left: -2%; }
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -2%; }
}
@media only screen and (max-width: 767px){
	.main-timeline .timeline{
		margin-top: 0;
		overflow: hidden;
	}
	.main-timeline .timeline:before,
	.main-timeline .timeline:nth-child(2n):before{
		box-shadow: none;
	}
	.main-timeline .timeline-icon,
	.main-timeline .timeline:nth-child(2n) .timeline-icon{
		margin-top: -30px;
		margin-bottom: 20px;
		position: relative;
		transform: rotate(135deg);
	}
	.main-timeline .year,
	.main-timeline .timeline:nth-child(2n) .year{ transform: rotate(-135deg); }
	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(2n) .timeline-content{
		width: 100%;
		float: none;
		border-radius: 0 0 20px 20px;
		text-align: center;
		padding: 25px 20px;
		margin: 0 auto;
	}
	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(2n) .timeline-content:before{
		width: 15px;
		height: 25px;
		position: absolute;
		top: -22px;
		left: 50%;
		z-index: -1;
		transform: translate(-50%,0);
	}
}




/*流程*/





/*kefu*/
.side{position:fixed;width:78px;right:0;bottom:30px;margin-top:-200px;z-index:100;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0272cb;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#6ec038;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#0272cb}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0272cb}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
